
/**
 *和汽车相关的
 */
(function($){
	
    /**
     * 主函数
     */
	$(function(){
	   /**
	    * 根据汽车品牌的变动获取汽车的型号
	    */
		$("#carbrand").change(function(){
			  chageCarCatenaByCarBrand($(this).val());
	    });
	    /**
	     * 根据汽车品牌的变动获取汽车
	     * 
	     */
	    $("#carcatenaId").change(function(){
	      chageCarByCarCatena($(this).val());
	    	 
	    });
	}); 

	/**
	 * 根据汽车的品牌获取汽车的系列
	 */
	 function chageCarCatenaByCarBrand(id) {
	 	var d = {"id":id}
        var webRoot = $("#webRoot").val();
        var url = webRoot+"/cms/manage/car/carcatena/getCarCatenaByCarBrand";
        $.post(url,d,function(data){
            var node = "";
            for(var i = 0;i<data.length;i++) {
               var dd = data[i]; 
               if(i==0) {
               	 chageCarByCarCatena(dd.id);
               }
               node+="<option value='"+dd.id+"'>"+dd.name+"</option>"; 
            }
            $("#carcatenaId").html(node);
        },"json");
	 	
	 }
	 /**
	  * 根据汽车的系列获取相应的汽车
	  */
	 function chageCarByCarCatena(id)  {
	 	var d = {"id":id}
        var webRoot = $("#webRoot").val();
        var url = webRoot+"/cms/manage/car/car/getCarByCarCatena";
        $.post(url,d,function(data){
            var node = "";
            for(var i = 0;i<data.length;i++) {
               var dd = data[i];
               node+="<option value='"+dd.id+"'>"+dd.name+"</option>"; 
            }
            $("#left").html(node);
        },"json");
	 }
	 
	 /**
	  * 响应点击事件进行移动
	  */
	 
	    $("#bt1").click(function(){
	   	    $("#left option:selected").each(toright);
	   	    return false;
	   });
	   $("#bt2").click(function(){
	   	    $("#right option:selected").each(toleft);
	   	    return false;
	   });
	   $("#left").on("dblclick","option",toright);
	   $("#right").on("dblclick","option",toleft);
	   $("#bt3").click(function(){
	   	    $("#left option").each(toright);
	   	    return false;
	   });
	   $("#bt4").click(function(){
	   	    $("#right option").each(toleft);
	   	    return false;
	   });
	 /**
	  * 向右移动
	  */
	 function toright(){
		$(this).remove();
	    $("#right").append($(this));
	    $(this).removeAttr('selected');
	}
	/**
	 * 向左移动
	 */
	function toleft(){
		$(this).remove();
	    $("#left").append($(this));
	    $(this).removeAttr('selected');
	
	}
	/**
	 * 点击提交按钮
	 */
	$("#su").click(function(){
	    $("#right option").each(function(){
          $("#form").append('<input name="carIds" type="hidden" value="'+$(this).val()+'"/>')
       })
       return true;
	});
	
})(jQuery)




